<template>
  <div>
    <div v-for="(one, key) in row[col.prop]" :key="key">
      <span v-if="key === '硬盘数量'">
        {{ `${key}：` }}
        <el-popover placement="right" width="200" trigger="hover">
          <div>
            <div
              v-for="(item, itemIndex) in row.dataList"
              :key="itemIndex"
              class=""
            >
              {{
                itemIndex +
                  1 +
                  ':' +
                  '数据盘' +
                  item.type +
                  ',' +
                  ' ' +
                  item.capacitySize
              }}
            </div>
          </div>
          <el-button slot="reference" type="text">{{ one }}</el-button>
        </el-popover>
      </span>
      <span v-else>
        {{ `${key}：${one}` }}
      </span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TdArrayPop',
  components: {},
  props: {
    col: {
      type: Object,
      default: () => {}
    },
    row: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang='scss' scoped>

</style>
